<ui:composition xmlns="http://www.w3.org/1999/xhtml"
				xmlns:h="http://java.sun.com/jsf/html"
				xmlns:f="http://java.sun.com/jsf/core"
				xmlns:c="http://java.sun.com/jstl/core"
				xmlns:ui="http://java.sun.com/jsf/facelets"
				xmlns:fn="http://java.sun.com/jsp/jstl/functions">
      <h:form>
          <div style="text-align:right;">
              <div style="float:left;">
                  <h:commandButton immediate="true" action="#{membershipCrud.createSetup}" value="#{msg.lblAddNew}" id="button1" />

				<!-- Paging -->	
				<ui:include src="/snippets/paging.xhtml">
				     <ui:param name="currentCrud" value="#{membershipCrud}"/>
				</ui:include>
              </div>
          </div>
            
			<!-- Search Widget -->	
			<ui:include src="/search/searchBox.xhtml">
			     <ui:param name="crud" value="#{membershipCrud}"/>
			</ui:include>            
            
          <div>
			<c:if test="#{flowScope.updating == null}" >
			  <h:outputText escape="false" value="#{msg.membershipEmpty}" rendered="#{membershipCrud.pager.totalCount == 0}" />
              <h:panelGroup rendered="#{fn:length(membershipCrud.pagedItems) > 0}">
                  <h:dataTable value="#{membershipCrud.pagedItems}" var="item"
                               width="100%" columnClasses="center,center,center,center,width3">
                      <h:column headerClass="width1">
                          <f:facet name="header">
                              <h:outputText value="#{msg.individualId}" />
                          </f:facet>
                          <h:outputText value="#{item.individual}" converter="#{individualExtIdConverter}"/>
                      </h:column>
                      <h:column headerClass="width1">
                          <f:facet name="header">
                              <h:outputText value="#{msg.socialGroupId}" />
                          </f:facet>
                          <h:outputText value="#{item.socialGroup.extId}" />
                      </h:column>
                      <h:column headerClass="width1">
                          <f:facet name="header">
                              <h:outputText value="#{msg.membershipStartDate}" />
                          </f:facet>
                          <h:outputText value="#{item.startDate}" converter="#{calendarConverter}"/>
                      </h:column>
                      <h:column headerClass="width1">
                          <f:facet name="header">
                              <h:outputText value="#{msg.membershipType}" />
                          </f:facet>
                          <h:outputText value="#{item.startType}" />
                      </h:column>
                      <h:column headerClass="width3">
                          <f:facet name="header">
                              <h:outputText escape="false" value=""/>
                          </f:facet>
                          <h:outputLink value="/openhds/amendment/membership/details/#{item.uuid}">
                              <h:graphicImage style="border: 0;" title="details" value="/resources/icons/details.ico" />
                          </h:outputLink>
                          <h:outputText value=" "/>
                          <h:commandLink action="#{membershipCrud.editSetup}">
                              <h:graphicImage title="edit" style="border: 0;" value="/resources/icons/edit.ico"/>
                              <f:param name="itemId" value="#{item.uuid}"/>
                          </h:commandLink>
                          <h:outputText value=" "/>
                          <h:commandLink action="#{membershipCrud.delete}">
                              <h:graphicImage title="delete" style="border: 0;" value="/resources/icons/delete.ico"/>
                              <f:param name="itemId" value="#{item.uuid}"/>
                          </h:commandLink>
                      </h:column>
                  </h:dataTable>
              </h:panelGroup>
              </c:if>
              <c:if test="#{flowScope.updating != null}" >
              	<h:outputText escape="false" value="#{msg.membershipEmpty}" rendered="#{fn:length(membershipCrud.filteredPagedItems) == 0}" />
                  <h:panelGroup rendered="#{fn:length(membershipCrud.filteredPagedItems) > 0}">
                  <h:dataTable value="#{membershipCrud.filteredPagedItems}" var="item"
                               width="100%" columnClasses="center,center,center,center,width3">
                      <h:column headerClass="width1">
                          <f:facet name="header">
                              <h:outputText value="#{msg.individualId}" />
                          </f:facet>
                          <h:outputText value="#{item.individual}" converter="#{individualExtIdConverter}"/>
                      </h:column>
                      <h:column headerClass="width1">
                          <f:facet name="header">
                              <h:outputText value="#{msg.socialGroupId}" />
                          </f:facet>
                          <h:outputText value="#{item.socialGroup.extId}" />
                      </h:column>
                      <h:column headerClass="width1">
                          <f:facet name="header">
                              <h:outputText value="#{msg.membershipStartDate}" />
                          </f:facet>
                          <h:outputText value="#{item.startDate}" converter="#{calendarConverter}"/>
                      </h:column>
                      <h:column headerClass="width1">
                          <f:facet name="header">
                              <h:outputText value="#{msg.membershipType}" />
                          </f:facet>
                          <h:outputText value="#{item.startType}" />
                      </h:column>
                      <h:column headerClass="width3">
                          <f:facet name="header">
                              <h:outputText escape="false" value=""/>
                          </f:facet>
                          <h:commandLink action="#{membershipCrud.detailSetup}">
                                 <h:graphicImage title="view" style="border: 0;" value="/resources/icons/details.ico"/>
                                 <f:param name="itemId" value="#{item.uuid}"/>
                             </h:commandLink>
                          <h:outputText value=" "/>
                          <h:commandLink  action="#{membershipCrud.editSetup}">
                              <h:graphicImage title="edit" style="border: 0;" value="/resources/icons/edit.ico"/>
                              <f:param name="itemId" value="#{item.uuid}"/>
                          </h:commandLink>
                          <h:outputText value=" "/>
                          <h:commandLink action="#{membershipCrud.delete}">
                              <h:graphicImage title="delete" style="border: 0;" value="/resources/icons/delete.ico"/>
                              <f:param name="itemId" value="#{item.uuid}"/>
                          </h:commandLink>
                      </h:column>
                  </h:dataTable>
              </h:panelGroup>
              </c:if>  
          </div>
      </h:form>
  </ui:composition>